/*初始化样式与公共类 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
	font-family:Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun, sans-serif; 
	font-family: 'Helvetica';
	font-size: 12px;
}
html,body {
	min-height: 17.75rem;  /*iphone5 的满屏高度 568px转成rem*/
	color: #373b3e;
	font-size: 0.375rem;   /*12px*/
	line-height: 12px;
}
body {
	background:#f5f5f5;
	overflow-x: hidden;
	min-width: 320px;   /*最小宽度*/
	max-width: 768px;  /*最大宽度*/
	margin: 0 auto;
}
ul,ol,li { 
	list-style:none;
}
a:link, a:visited { 
	color:#7e7e7e; 
	text-decoration:none;
}
a:hover { 
	color:#7E7E7E;
	text-decoration:none;
}
img { 
	border:none;
	vertical-align: middle;  /*去除图片底部的空白处*/
}
em { 
	font-style:normal;
}
h1,h2,h3,h4,h5 { 
	font-weight:normal;
}
input , select {
	text-indent: 0.32rem;
	outline: 0;
}
input {
	color: rgba(256,256,256,0.8);;
}
/*表单提交按钮默认样式的移除*/
input[type="submit"],input[type="reset"],input[type="button"]{
	 -webkit-appearance:none;
 }
/*改变placeholder字体样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	font-size: 0.3125rem;
	color: #979798;
}
input:-moz-placeholder,textarea:-moz-placeholder {
	font-size: 0.3125rem;
    color: #979798;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	font-size: 0.3125rem;
    /* IE10+ */
    color: #979798;
}

/*移除上下箭头*/
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0; 
}                                                                                 /*chrome*/
input[type="number"]{-moz-appearance:textfield;}   /* Firefox */


/*公共类 Begin*/

/*固定定位  is-fixed*/
.is-fixed {
	position: fixed;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 999;
}
/*一像素边框 border-bottom  添加边框的元素需要相对定位*/
.border-bottom::after,.border-top::after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #d8d8d8;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}
/*一像素边框 border-top  添加边框的元素需要相对定位*/
.border-top::after {
    top: 0;
}
/* 2倍屏 ****设备像素比dpr<2.0*********************/ 
@media only screen and (-webkit-min-device-pixel-ratio: 2.0) {
    
    .border-bottom::after,.border-top::after {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}
/* 3倍屏 ****设备像素比dpr<3.0********************/
@media only screen and (-webkit-min-device-pixel-ratio: 3.0) {
    .border-bottom::after,.border-top::after {
        -webkit-transform: scaleY(0.33);
        transform: scaleY(0.33);
    }
}

/*公共组件样式 */
/*顶部导航条 Begin*/
.mui-bar-nav {
	height: 1.375rem;  /*44px*/
	line-height: 1.375rem;
	color: #f7fbfe;
	background-color: #373b3e;
    -webkit-box-shadow: none;
    box-shadow: none;   /*清除原有的阴影样式*/
   	position: static;   /*原来是fixed,固定在顶部*/
}
.mui-title {
	height: 1.375rem;  /*44px*/
	line-height: 1.375rem;
	color: #f7fbfe;
	font-size: 0.46875rem;
}
.mui-bar .mui-icon {
    line-height: 1.375rem;  /*44px*/
	color: #f7fbfe;
	font-size: 0.625rem;    /*20px*/
	padding-top: 0;
	padding-bottom: 0;
}
/*顶部导航条 End*/
/*-------------------输入框样式  Begin*/
.input-row {
	display: flex;
	justify-content: space-between;
	width: 100%;
	line-height: 1.125rem;
	background: #fff;
	margin-top: 0.1875rem;  /*6px*/
    position: relative;
}
.input-row > span {
	font-size: 0.375rem;
	padding-left: 0.6875rem;  /*22px*/
}
.input-row input {
	flex: 1;
	width: auto;
	height: 1.125rem; /*36px*/
	line-height: 1.125rem;
	color: #373b3e;
	font-size: 0.375rem;
    margin-bottom: 0;
    padding: 0 0.6875rem 0 0;
    -webkit-user-select: text;
    border: none;
    border-radius: 0;
}
/*提示必填信息 Begin*/
.input-row.is-blank {
	border: 1px solid red;
	margin-bottom: 0.8125rem; /*20+6*/
	position: relative;
}
.input-row .tip {
	display: none;
}
.input-row.is-blank .tip {
	display: block;
	line-height: 0.625rem;
	color: red;
    padding-left: 0.6875rem;
	position: absolute;
	bottom: -0.625rem;
}
/*提示必填信息 End*/
/*-------------------输入框样式 End*/
/*-------------------单选框 复选框 Begin*/
.radios {
	width: 6.875rem; /*220*/
	width: 70%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.radios .radio {
	width: 3.125rem;  /*100px*/
	width: 42%;
	position: relative;
}
.radio label {
    display: inline-block;
    width: 100%;
	padding-left: 0.9375rem; /*30*/
}
.radio input[type=checkbox], .radio input[type=radio] {
	position: absolute;
    top: 0.0625rem;
    left: 0px;
    padding: 0;
    border: 0;
    outline: 0!important;
    background-color: transparent;
    -webkit-appearance: none;
}
/*默认的单选按钮*/
.radio input[type=checkbox]:before, .radio input[type=radio]:before {
	display: inline-block;
	content: "";
	width: 0.3125rem;
	height: 0.3125rem;
	border: 1px solid #e3dede; 
	border-radius: 100%;
	background: #e3dede;
}
/*选中的样式*/
.radio input[type=checkbox]:checked:before, .radio input[type=radio]:checked:before {
	display: inline-block;
	content: "";
	width: 0.3125rem;
	height: 0.3125rem;
	border-radius: 100%;
	background: #01b0f1;
}
/*----------------- 单选框 复选框 End*/
/*-------------------信息列表  Begin*/
.rs-list {
	background-color: #fff;
	border-radius: 0.0625rem;
	border: 1px solid #d9d9d9;
	padding: 0.28125rem 0.53125rem 0.3125rem; /*9 17 10*/
    margin: 0 auto;
}
.rs-list li {
	display: flex;
	justify-content: space-between;
}
.rs-list li label {
	width: 24%;
	line-height: 0.5625rem; /*18*/
	line-height: 0.6875rem; /*22*/
	color: #327def;
}
.rs-list li p {
	width: 76%;
	line-height: 0.6875rem; /*22*/
	color: #969494;
}

/*-------------------信息列表  End*/

